<template>
  <div class="quick_oper">
    <!-- 登记 售出 快捷入口 -->
    <van-row>
      <van-col span="12">
        <!-- 再分一行 -->
        <van-row>
          <van-col :span="4">
            <div class="img_div">
              <img :src="getImgPath + 'img/icon/home_icon5.svg'">
            </div>
          </van-col>
          <van-col class="quick_oper_font">登记出售</van-col>
        </van-row>
      </van-col>
      <van-col span="12">
        <van-row>
          <van-col :span="4">
            <div class="img_div">
              <img :src="getImgPath + 'img/icon/home_icon6.svg'">
            </div>
          </van-col>
          <van-col class="quick_oper_font">我的售出</van-col>
        </van-row>
      </van-col>
    </van-row>
  </div>
</template>
<script>
import {mapGetters} from "vuex";
export default {
  name:'QuickOper',
  data() {
    return {
      
    }
  },
  computed: {
    ...mapGetters("ImgPath",{
      getImgPath:"getImgPath"
    })
  },
}
</script>
<style lang="less" scoped>
  .quick_oper{
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 0.1rem 0.2rem;
    background-color: #fff;
    font-size: 0.12rem;
  }

  .img_div{
    width: 0.24rem;
    height: 0.24rem;
    img{
      width: 100%;
    }
  }

  .quick_oper_font{
    font-size: 0.12rem;
    padding-top: 0.04rem;
    margin-left: 0.05rem;
  }

</style>